<div class="menu-background">
    <div class="logo"></div>
    <div *ngFor="let menu of menus">
        <div class="main-title-container">
            <div class="main-title" (click)="menuClick(menu)" [ngClass]="{'menuFont':menu.show}" [ngStyle]="{'background':menu.show&&menu.id===currentMenu?'#2b87ff':'#3a415a'}">
                <div>
                    <img src="{{menu.src}}" style="margin-right: 10px;" *ngIf="!menu.show"/>
                    <img src="{{menu.srcSelect}}" style="margin-right: 10px;"  *ngIf="menu.show && menu.id!==currentMenu"/>
                    <img src="{{menu.srcActive}}" style="margin-right: 10px;"  *ngIf="menu.show && menu.id===currentMenu"/>
                </div>
                <span>{{menu.title}}</span>
                <div class="display-flex flex-end" style="flex: 1;padding-right: 20px;">
                    <div class="menu-pointer" [ngClass]="{'show':menu.show}"></div>
                </div>
            </div>
            <div class="sub-title-container" [ngClass]="{'show':menu.show}">
                <div *ngFor="let submenu of menu.submenus" class="sub-title" (click)="subMenuClick(menu,submenu, menu.id)" [ngClass]="{'active':submenu.active}">
                    {{submenu.title}}
                </div>
            </div>
        </div>
    </div>
</div>